﻿
{% extends "news.html" %}

    {% block left %}
    <script src="/static/Scripts/jquery.KinSlideshow-1.2.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
       $(function () {
               
                var ajaxUrl = "admin/ajax";                

                // 图片新闻
                $.ajax({
                url:ajaxUrl,
                data:{typ:'2'},
                dataType:'json',
                }).done(function(data){            
                for(var i=0;i<data.length;i++){
                    var stit=data[i].tit;
                    if(stit.length>10){
                        stit=stit.substring(0,10)+'...';
                    }
                    $('#KinSlideshow').append($('<a href="'+data[i].id+'.html" target="_blank"><img src="'+data[i].imgpth+
                    '" alt="'+stit+'" width="300" height="250" /></a>'));
                }
                 $("#KinSlideshow").KinSlideshow({
                    moveStyle: "left",
                    titleBar: { titleBar_height: 30, titleBar_bgColor: "#08355c", titleBar_alpha: 0.5 },
                    titleFont: { TitleFont_size: 12, TitleFont_color: "#FFFFFF", TitleFont_weight: "normal" },
                    btn: { btn_bgColor: "#FFFFFF", btn_bgHoverColor: "#1072aa", btn_fontColor: "#000000", btn_fontHoverColor: "#FFFFFF", btn_borderColor: "#cccccc", btn_borderHoverColor: "#1188c0", btn_borderWidth: 1 }
                });
                });
                
        });
    </script>
    <div id="KinSlideshow" style="visibility: hidden;">
    </div>
    <div onclick="window.location.href='http://www.whtskj.com'" class="left-banner" style="background:url(/static/Images/left-banner1.png) no-repeat; width:300px; height:121px;">
          <table style="width:300px; height:121px;">
        <tr>
        <td style="vertical-align: bottom;padding-left: 45px;">天沭科技</td>
        </tr>
        <tr>
        <td style="vertical-align: top;padding-left: 75px;">Technology of Tianshu</td>
        </tr>
        </table>
    </div>
    <div onclick="window.location.href='http://www.whtsjy.com'" class="left-banner" style="background:url(/static/Images/left-banner2.png) no-repeat; width:300px; height:121px;">
        <table style="width:300px; height:121px;">
        <tr>
        <td style="vertical-align: bottom;padding-left: 45px;">天沭教育</td>
        </tr>
        <tr>
        <td style="vertical-align: top;padding-left: 75px;">Education of Tianshu</td>
        </tr>
        </table>
    </div>
          
    <div onclick="window.location.href='#'" class="left-banner left-banner-bg">
       <table><tr><td>天沭环保</td><td>Environmental Protection</td></tr></table></div>
    <div onclick="window.location.href='#'" class="left-banner left-banner-bg">
       <table><tr><td>钒氮合金</td><td>v-n alloy</td></tr></table></div>
    {% endblock %}